<template>
	<view class="">
		<view class="personalList">
			<view class="item">
				<video 
				class="video"
				src="http://124.221.26.166:8080/videos/video/7.mp4"
				objectFit="cover"
				autoplay="true"
				loop="true"
				:controls="false"
				muted
				custom-cache='false'>
				</video>
				<view class="love-box">
					<text class="iconfont icon-aixin1  love-icon">12w</text>
				</view>
			</view>
		</view>
		<view class="more">
			没有更多了
		</view>
		<view class="ground">
			
		</view>
	</view>
	
</template>

<script>
	export default {
		name:"personalList",
		data() {
			return {
				
			};
		}
	}
</script>


<style>
	.ground{
		width: 100%;
		height: 50px;
		background: #000000;
	}
	.personalList{
		width: 100%;
		overflow: hidden;
		background: #000000;
		padding: 0  0.5% ;
	}
	.item{
		width: 33%;
		height: 120px;
		float: left;
		position: relative;
	}
	.love-box{
		position: absolute;
		bottom: 5px;
		left: 10px;
	}
	.video{
		width: 100%;
		height: 100%;
	}
	.love-icon{
		font-size: 20px;
		color: #ffffff;
	}
	.more{
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 12px;
		color: #999999;
		background: #000000;
	}

</style>